<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- 
        图片标签用于向当前页面中引入一个外部图片
            使用img标签来引入外部图片，img标签是一个自结束标签
            属性:
                src属性指定的是外部图片的路径
                alt搜索引擎会根据alt中的内容来识别图片

                width宽度
                height高度
                    -宽度和高度中如果只修改了一个，则另一个会等比例缩放
            
            图片的格式
                jpeg(jpg)  支持的颜色比较丰富，不支持透明效果
                    - 照片
                png  支持的颜色比较少，支持简单透明，不支持动图
                    - 颜色丰富，复杂透明图片（专为网页而生）
                gif  支持的颜色比较少，支持简单透明，支持动图
                    - 颜色单一的图片，动图
                webp Google推出专门用来表示网页中的图片的一种格式
                    - 具备其他图片格式的所有优点，文件还小
                    - 缺点，兼容性不好
                base64 将图片使用base64进行编码
                    - 一般都是一些需要和网页一起加载的图片才会使用
                效果一样，用小的
                效果不一样的，用效果好的
    -->

    <img width="200" src="./OIP-C.jpg" alt="图片">
</body>
</html>